<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5</title>
</head>

<body>
    <!-- 新增语义标签 -->
    <!-- 头部标签 -->
    <header></header>
    <!-- 导航栏标签 -->
    <nav></nav>
    <!-- 内容标签 -->
    <article></article>
    <!-- 定义文档某个区域 -->
    <section></section>
    <!-- 侧边栏 -->
    <aside></aside>
    <!-- 尾部标签 -->
    <footer></footer>
    <!-- 在IE9中需要把这些转换为块类元素，以保证兼容性 -->


    <!-- 新增多媒体标签 -->
    <!-- 音频文件（只支持MP3、Wav、Ogg），MP3兼容性最好，也拥有source写法 -->
    <audio src=""></audio>
    <!-- 视频文件（只支持MP、WebM、Ogg）,MP4兼容性最好 -->
    <video src="文件地址" controls></video>
    <!-- 为了照顾兼容性，可以有以下写法 -->
    <video width="200" height="200" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        <source src="movie.webm" type="video/webm">
        您的浏览器不支持video标签
    </video>

    <!-- 新增input类型 -->
    <input type="search">
    <input type="email">
    <input type="url">
    <input type="data">
    <input type="time">
    <input type="month">
    <input type="week">
    <input type="number">
    <input type="tel">
    <input type="color">

    <!-- 新增表单属性 -->
    <input type="text" required="required">
    <input type="text" placeholder="placeholder">
    <input type="text" autofocus="autofocus">
    <input type="search" name="search" autocomplete="on">
    <input type="file" multiple="multiple">
</body>

</html>